const path = require('path')

module.exports = {
    // 基本路径
    publicPath: './',
    assetsDir: 'static',
     // 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
    productionSourceMap: false,
    // webpack-dev-server 相关配置
    devServer: {
        host: '127.0.0.1',
        port: 8082,
        https: false,
        open: true,
        hotOnly: false,
        proxy: {
            '/api': {
                // target: 'http://op.eptok.com/',//设置你调用的接口域名和端口号 别忘了加http 
                // target: 'http://10.211.61.27:7011/zlGate',//设置你调用的接口域名和端口号 别忘了加 http op.eptok.com
                target: 'http://op.eptok.com/zlGate',//设置你调用的接口域名和端口号 别忘了加http 
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''//这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可
                }
            }
        }, // 设置代理
        before: app => { },
    },
    configureWebpack: {
        resolve: {
          //配置路径别名
          alias: {
            '@': path.resolve(__dirname, 'src'),
            '@static': path.resolve(__dirname, 'static'),
            '@views': path.resolve(__dirname, './src/views'),
            '@compon': path.resolve(__dirname, './src/components'),
            // 'static': 'pubilc/static',
          }
        }
      },
    // css相关配置
    css: {
        // 启用 CSS modules
        requireModuleExtension: true,
        // 是否使用css分离插件
        extract: true,
        // 开启 CSS source maps?
        sourceMap: false,
        // css预设器配置项
        loaderOptions: {
            less: {
                // 若使用 less-loader@5，请移除 lessOptions 这一级，直接配置选项。
                // lessOptions: {
                modifyVars: {
                    // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
                    // hack: `true; @import "${path.resolve(__dirname, "src/common/css/theme.less")}";`,
                    // hack: `true; @import "${path.resolve(__dirname, "src/common/css/reset.less")}";`
                },
                // },
            },
        },
    },
    // 第三方插件配置
    pluginOptions: {
        'style-resources-loader': { // vue add style-resources-loader
            preProcessor: 'less',
            patterns: [
                // path.resolve(__dirname, "src/common/css/style.less")
            ]
        }
    },
}